﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
	text-align:center;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin:0 10px 0 10px;
    padding: 0;
    color: #000;
}
a{color:#004B91;text-decoration:none;line-height:18px;}/*color: #003286;color:#0328C1--3.30change color*/
a:hover{color: #c60;text-decoration:underline;}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
span.red
{
	color: #FF0000;
}
span.striking
{
	font-weight: bolder;
	color: #000;
}
em.red
{
	color: #FF0000;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
	text-align: left;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
    line-height: 25px;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px 15px 5px 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
}

#logindisplay a:link
{
    color: #000;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #000;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #000;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
div.prompt
{
	background-color: #FFCC00;
	border: 1px solid #0066FF;
	padding: 2em 5em 2em 10em;
	font-family: 宋体, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000080;
}
/* Content
----------------------------------------------------------*/
#South{}
#Header{ margin-bottom:15px; }
#Content{float:left; clear:both; margin-bottom:15px;}
#left_DIV{
	/*position: absolute;*/
	/*	left:10px;*/
	
	float:left;
	width:100%;
	margin-right:-309px;
}
#right_DIV {
	/*position: absolute;
	top: 188px;*/	
	
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	padding:2px;
	width: 300px; /* ie5win fudge begins 
	voice-family: "\"}\"";
	voice-family:inherit;*/
	float: right;
}
html>body #right-DIV {
	/*width: 180px;  ie5win fudge ends */
	}
html>body #Innerleft {
	/*width: 100%;  ie5win fudge ends */
	}
#innerleft_div{
margin:0 309px 0 0;
}
#Innerleft{
/*position: absolute;*/
	/*	left:10px;width:29%;*/
	float:left;
	/*padding-right:8px;*/
/*	width:22%;*/
	width:22%;
}
#Innermiddle{
	margin: 0 auto;
	overflow:hidden;
/*	width:76%;margin-left: 0px;*/
	float:right;
	background: #fff;
	/*max-width:77%;
	min-width:76%;*/
	width:76%;
}
#Innerright{float:right;width: 300px; margin-right:-300px; }

div.middle-flash-box{ 
    text-align:center;
    height: 175px;
	width:99%;
	font-size:6px;
}
#innerleft_box{
float:left;
margin:0 309px 0 0;
}

#Bottom{}
div.navigate{ margin-left:auto; margin-right:auto; margin-top:20px;}
div.navigate ul 
{
    border-bottom: 1px #5C87B2 solid;
    padding: 2px 0 0 0;
    position: relative;
    margin: 0;
    text-align: center;
}
div.navigate ul li 
{   
    background:url(../../Content/images/south-btn-bg.png);
	background-position:right top;
    display: inline;
    list-style: none; margin-left:1px; 
	width:35px;
}
div.navigate ul li a
{ 
    background:url(../../Content/images/south-btn-bg.png);
	background-position:left top;
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 34px;
    color: #034af3;
	height:35px; margin-right:5px;
}
div.navigate ul li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

div.navigate ul li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

div.navigate ul li.selected a
{
    background-color: #fff;
    color: #000;
}
div.search{ background-image: url(../../Content/images/south-search-bg.gif); background-position:top;}
div.hotkeyword { height:35px; line-height:33px;}
div.hotkeyword a { 
	text-decoration: none;
	color: #000 ;
}
div.hotkeyword a:hover{color: #000;text-decoration:underline;}
div.searchbox{ height:50px; line-height: 48px;}
div.SearchWord{}
div.helpbottom{
    clear:both;
	border: 1px solid #5C87B2;
	height:110px;
	padding:10px 5px 5px 20px;
	background-color:#ffffff;}
div.helpnav{
	width:19%;
	float:left;
}
div.helpnav ul 
{
    font-weight: bold;
	list-style-position: inside;
	margin:0;
	padding:5px 0 5px 10px;
	text-align:left;
}
div.helpnav ul li
{
    list-style-type: square;
	font-weight: normal;
	text-align:left;
}
div.bottom-text{ 
    text-align:center;
	padding:30px;
	background-color:#ffffff;
}
div.bottom-about{ 
    line-height:30px;
}
div.bottom-description{
    height:80px;
	line-height:25px;
 }
 div.South-catagory{
    border:1px solid #5C9EC0;	
	margin:0px;
	padding: 0 1px 15px 1px;
}
div.South-catagory-title{ background-color:#36648B; color:#FFFFFF; padding:5px 20px; margin:1px 1px 0 1px; font-size:14px; font-weight:bolder; text-align:left;}
div.South-catagory h3{ color:#EE7621; margin:15px 0px 3px 0pt;padding-left:15px; text-align:left; clear:left;}
div.South-catagory ul.line{
    display:inline;
	margin:5px 5px 0px 0px;
	display:block;
	width:95%;
	text-align:left;
	padding:0px;
}
div.South-catagory ul.line_No1{
	display:inline;
	margin:0px 5px 0px 10px;
}
div.South-catagory ul li{
	float:left;
	font-weight:normal;
	margin: 2px 0px 3px 5px;
	padding: 0 5px 0px 10px;
	background:url(/Content/images/south-h4.gif) no-repeat right;
	white-space:nowrap;
	/*word-break:keep-all;*/
	color:#069;
	display: inline;
}
#Poll
{
	border: 1px solid #5C9EC0;
	margin-top: 15px;
	text-align: left;
	padding: 1px 1px 15px 1px;
}
#Poll ul
{
	margin: 0px;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#Poll ul li
{
	line-height: 25px;
}
div.clear{ clear:both;}
div.middle-flash-box{ text-align:center; height: 175px; width:99%; font-size:6px;}
div.middle-product{ padding:10px 15px;}
div.middle-product-title{ background-image:url(/Content/images/south-title-bg.png); border-top:solid 1px #104E8B; color:#FF7F24; text-align:left; padding-left:15px; line-height:25px; font-size:14px; font-weight:bold; }
#middle-product-list{ margin-top:2px;float:left;border-left:solid 2px #ffffff;width:33%;overflow:hidden; text-align:left;}
#middle-product-list div.itemlist-No1{}
#middle-product-list div.pic{text-align:left;margin-bottom:10px;}
#middle-product-list div.pic img{ width:110px;}
#middle-product-list span.price{ color:Red;}
div.right-box{ border:solid 1px #B2DFEE; margin-bottom:15px; padding:1px 1px 0 1px; text-align:left;}
div.right-box ul{ list-style-image:none;list-style-position:outside;list-style-type:square;margin:0;padding:5px; }
div.right-box ul li{ padding:0 10px 0 10px; line-height:18px; overflow:hidden;}
div.right-box ul li a.highLight{ color:Red;}
div.right-box-title{ color:#EE7621; padding:5px 20px; margin:1px 1px 0 1px; font-size:14px; font-weight:bolder; text-align:left;}
div.right-box-content{ padding:10px;}
#Position{}
div.NavigateShowBox
{
	background-color: #FFF;
    border: 1px solid #5C87B2;
    display:none;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    font-weight: bold;
    z-index:99;
    width: 400px;
    height: 400px;
    left:55%;/*FF IE7*/
    top:100px;/*FF IE7*/
    margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
    margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/
    _top:       expression(eval(document.compatMode &&
                document.compatMode=='CSS1Compat') ?
                documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
                document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
div.AdBox
{
	margin-top: 15px;
	overflow: hidden;
}
div.AdBox ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div.AdBox ul li{ margin-bottom:5px;}